<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
	</head>
	<body>
		<button class="btn btn-primary">点我</button>
		<button class="btn btn-success">点我</button>
		<button type="button" class="btn btn-danger">（危险）Danger</button>
		<table class="table table-striped table-bordered table-hover table-condensed">
			<tr>
				<td>ID</td>
				<td>课程名称</td>
				<td>学分</td>
			</tr>
			<tr>
				<td>1</td>
				<td>Java</td>
				<td>5</td>
			</tr>
			<tr>
				<td>2</td>
				<td>H5</td>
				<td>5</td>
			</tr>
		</table>
		
		<nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
		
		<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
		<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
	</body>
</html>
